<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text " v-model="msg" v-on:keyup="search"><span>{{msg}}</span>
    <input type="text " v-model="msg" v-on:keyup="search"><span>{{msg}}</span>
    <tr>
        <td v-for="item in msg1">{{msg1}}</td>
    </tr>

    <script type="module">
 import {createApp} from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
 import axios from 'https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js'
    createapp({
        data(){
            return{
                msg1:[1,2,3,4,5],
                msg:'',
            }
        },
        methods:{
            search:function(){
                alert('hello')
            },
            click:function(){
                alert('hello')
            },
        },
mounted() {
    axios.get('https://jsonplaceholder.typicode.com/posts')
    .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.log(error);
    })
    .finally(function () {
        // always executed
    });
},

    }).mount('#app')//控制HTML
    </script>
</body>
</html>